<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="telephone=no" name="format-detection" />
	<meta content=" " name="apple-mobile-web-app-title" />
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" name="viewport" />
	<title>钻石</title>
	<link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body>
    <div class="module1">
        <div class="module1_nav">
            <div class="nav_l_now">
                在线充值
            </div>
            <div class="nav_border">
            </div>
            <a href="../recharge/Recharge_code.html">
            <div class="nav_r">
                充值码充值
            </div></a>
        </div>
        <div class="recharge_money">

            <p class="f">选择充值金额 <span class='c_red'>* 不退货</span></p>
            <ul>
                <li class="active" data-id='1'>
                    <div class="money_num">
                        100个
                        <p>1元</p>
                    </div>
                </li>
                <li  data-id='2'>
                    <div class="money_num">
                        550个
                        <p>5元</p>
                    </div>
                </li>
                <li  data-id='3'>
                    <div class="money_num">
                        1000个
                        <p>10元</p>
                    </div>
                </li>
                <li  data-id='4'>
                    <div class="money_num">
                        5000个
                        <p>50元</p>
                    </div>
                </li>
                <li   data-id='5'>
                    <div class="money_num">
                        10000个
                        <p>100元</p>
                    </div>
                </li>
                <li  data-id='6'>
                    <div class="money_num">
                        50000个
                        <p>500元</p>
                    </div>
                </li>

            </ul>            
        </div>

        <div class="paytype">
            <p class="f title">选择支付方式</p>
            <ul>
                <li class="active">
                    <img src="../images/selected.png" class="selected">
                    <span class="f">微信</span>
                </li>
                <li>
                    <img src="../images/noselected.png" class="noselected">
                    <span class="f">支付宝</span>
                </li>
            </ul>            
        </div>

        <div class="charse">
            <button class="" id="submit">确认购买</button>
        </div>
    </div>

    <div class="navbar_fixed_bottom"><!-- 固定主菜单导航 -->
            <div>
                <div class="navbar_col">
                    <img src="../images/home.png">
                </div>
                <a href="#">
                <div class="navbar_col">
                    <img src="../images/zuan_a.png">
                </div></a>
                <a href="../my/my.html">
                <div class="navbar_col">
                    <img src="../images/my.png">
                </div></a>
            </div>
    </div>


    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="/Public/js/bootstrap.min.js"></script>
    <script src="../js/demo.js"></script>
    <script type="text/javascript">
    //     $(function(){
    //         $('.recharge_money ul li').on('touchstart',function(){
    //             $(this).siblings().removeClass('active');
    //             $(this).addClass('active');
    //         });

    //         $('.paytype ul li').on('touchstart',function(){
    //             $(this).siblings().removeClass('active');
    //             $(this).siblings().children('img').attr('src','../images/noselected.png').removeClass('selected').addClass('noselected');
    //             $(this).addClass('active');
    //             $(this).children('img').attr('src','../images/selected.png').removeClass('noselected').addClass('selected');
    //         })

    //         $('#submit').on('touchstart',function(){
    //             var id = $('.money ul li.active').attr('data-id');
    //             $.post("/index.php?m=Home&c=pay&a=diamond",{id:id},function(data){
    //                 alert(data);
    //                 if(data == '充值成功'){
    //                     window.location.href = "/index.php?m=Home&c=home&a=index";
    //                 }
                    
    //             })
    //         })
    //     })
    // </script>
</body>
</html>